<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<!-- -->
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<link type="text/css" rel="stylesheet" href="catalog/view/theme/mbe/css/reset.css" />
<link type="text/css" rel="stylesheet" href="catalog/view/theme/mbe/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="catalog/view/theme/mbe/css/responsive-slider.css" />

<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<!--<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>-->
<script type="text/javascript" src="catalog/view/theme/mbe/js/jquery.js"></script> 
<script type="text/javascript" src="catalog/view/theme/mbe/js/bootstrap.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/mbe/js/responsive-slider.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/mbe/js/functions.js"></script>
<script type="text/javascript" src="catalog/view/theme/mbe/js/main.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

 <script type="text/javascript">
$(function(){
    $(".dropdown-toggle").dropdown();
});
</script>

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php if ($stores) { ?>
<script type="text/javascript"><!--
$(document).ready(function() {
<?php foreach ($stores as $store) { ?>
$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');
<?php } ?>
});
//--></script>
<?php } ?>
<?php echo $google_analytics; ?>
</head>
<body>

  <header>
    <div class="container">
      <div class="row">
        <?php if ($logo) { ?>
          <div class="col-sm-7 logo">
            <a href="index.html">
             <!-- <img src="http://mbe.jtesh.com/image/mbe/logo.png" alt="" class="img-responsive"> -->
              <a href="<?php echo $home; ?>"><img class="img-responsive" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>
            </a>
          </div>
        <?php } ?>
      <div class="col-sm-5">
          <div class="row box-cart">
              <div class="col-sm-8 col-sm-offset-3">
                  <div class="row">
                      <div class="col-sm-6 text-right">

                           <?php if (!$logged) { ?>
                            <?php echo $text_welcome; ?>
                            <?php } else { ?>
                           <?php echo $text_logged; ?>
                            <?php } ?>

                         <!-- <a href="">Login</a>&nbsp;/&nbsp;
                          <a href="">Signup</a> -->
                      </div>
                      <div class="col-sm-6 text-right cart">
                        <a id="link_cart" href="<?php echo $shopping_cart; ?>"><span class="glyphicon glyphicon-shopping-cart"></span> <?php echo $text_shopping_cart; ?></a>
                      </div>
                      <!--<a href=""><span class="glyphicon glyphicon-shopping-cart"></span> My basket</a>-->
                  </div>
              </div>
          </div>
          <div class="row box-search">
          
              <div class="control-group col-sm-7 col-sm-offset-2" id="search">

                <input  type="text" name="search" class="form-control input-sm" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" >
              </div>
              <div class="control-group col-sm-3">
                <input type="button" class="button-search btn btn-purple" value="search">
              </div>
            
          </div>


          <div class="row top-menu">
              <div class="col-sm-offset-2">
                <ul class="nav nav-pills">
                    <li><a href="/">Home</a></li>
                    <li><a href="/about_us">About</a></li>
                    <li><a href="/delivery">Delivery</a></li>
                    <li><a href="/return">Return</a></li>
                    <li><a href="index.php?route=information/contact">Contact</a></li>
                </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div class="container wrapper">
    <nav class="navbar navbar-default top-nav" role="navigation">
            <div class="container">
                 <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-nav">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand home" href="/"><img src="catalog/view/theme/mbe/images/home-01.png" alt=""></a>
                  </div>
          <div class="navbar-collapse collapse" id="bs-nav">


  <ul  class="nav navbar-nav">
    <?php $j = 0; foreach ($categories as $category) { ?>
    <?php if ($category['children']) { ?>
    <li class="dropdown <?php if ($j > 3) { echo 'invers';} ?>">
        <a class="dropdown-toggle lv1" data-toggle="dropdown" href="<?php echo $category['href']; ?>">
        <?php echo $category['name']; ?><b class="caret"></b><br />&nbsp;
        </a>
        <div class="dropdown-menu lv2" style="height: 280px; overflow:hidden; width: 675px; background: #fff url(<?php echo $category['image'];?>) right bottom no-repeat;">
          <div class="col-sm-4">
        <?php $k = 0; foreach ($category['children'] as $child): ?>
          <div>
              <a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?>
              </a>
          </div>
             <?php if ($k == 12) { echo '</div><div class="col-sm-4">'; $k = 0;} $k++;?>
        <?php endforeach; ?>
            </div>
            <div class="col-sm-4"></div>
        </div>


    </li>
     <?php } else { ?>
       <li ><a class="dropdown-toggle lv1"  href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?><br />&nbsp;</a></li>
        <?php } ?>
     <?php $j++;} ?>
  </ul>


          </div>
            </div>
    </nav>
   <div class="row text-center">
      <div class="col-sm-3"><img alt="" src="catalog/view/theme/mbe/images/moneyback-01.png">  &nbsp;MONEY-BACK GUARANTEE</div>
      <div class="col-sm-3"><img alt="" src="catalog/view/theme/mbe/images/customerSer-01.png">  &nbsp;CUSTOMER SERVICE</div>
      <div class="col-sm-3"><img alt="" src="catalog/view/theme/mbe/images/secure-01.png">  &nbsp;SECURE PAYMENT</div>
      <div class="col-sm-3"><img alt="" src="catalog/view/theme/mbe/images/delivery-01.png">  &nbsp;DELIVERY SERVICES</div>
    </div>





<?php if ($error) { ?>

    <div class="warning"><?php echo $error ?><img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>

<?php } ?>
<div id="notification"></div>



